<!-- start content-outer -->
<div id="content-outer">
    <!-- start content -->
    <div id="content">
        <div id="page-heading"><h1>Quản lý menu</h1></div>
        <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
            <tr>
                <th rowspan="3" class="sized"><img src="../../../public/images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                <th class="topleft"></th>
                <td id="tbl-border-top">&nbsp;</td>
                <th class="topright"></th>
                <th rowspan="3" class="sized"><img src="../../../public/images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
            </tr>
            <tr>
                <td id="tbl-border-left"></td>
                <td>
                    <!--  start content-table-inner -->
                    <div id="content-table-inner">
                        <form id="frm_menu_edit" action="action.php?act=1" method="POST">
                            <div class="frm_menu_edit_action">
                                <h2>Menu name<i style="font-size: 12px; color: red;">(*)</i></h2>
                                <label for="menuname">Menu name</label>
                                <input type="text" id="menuname" name="menuname" size="40"/>
                                <p>Nếu trường dữ liệu tên menu được nhập tức là chức năng của hệ thống sẽ tạo ra một menu mới trong hệ thống.</br> Nếu bỏ trống tức là chức năng edit một menu đã tồn tại trong hệ thống và vui lòng chọn menu cũ cần edit bên select box phía dưới để edit.</br> Cảm ơn!</p>
                            </div>
                            <br/>
                            <div class="frm_menu_edit_action">
                                <h2>Menu Link<i style="font-size: 12px; color: red;">(*)</i></h2>
                                <label for="txtlink">Menu link</label>
                                <input type="text" id="namelink" name="nameslug" size="40"/>
                                <label for="txtlink">Menu name</label>
                                <input type="text" id="menulinkname" name="menulinkname" size="40"/>
                                <label for="txtlink">Slug</label>
                                <input type="text" id="nameslinklug" name="nameslinklug" size="40"/>
                                <input type="button" id="frm_add_link_menu" style="height: 30px;" title="Add" value="&nbsp;Add&nbsp;"/>
                                <p>Nếu muốn chọn links menu là một links liên kết từ website bên ngoài thì vui lòng nhập dữ liệu tại đây</p>
                            </div>
                            <div class="frm_menu_content">
                                <div id="menu_new_menu" class="frm_menu_new_menu">
                                    <p>Vui lòng kéo thả chọn menu mới tại đây. Menu tốt nhất nên giới hạn ở 4 cấp là hợp lý nhất!</p>
                                    <div id="menu_new">
                                        {list_menu_new}
                                    </div>
                                </div>

                                <div id="menu_old_menu" class="frm_menu_old_menu">
                                    <p>Menu hiện thời của hệ thống. Vui lòng chọn để hiển thị!</p>
                                    <select id="listmeuold" name="listmenuold">
                                        {list_menu_sys}
                                    </select>
                                    <div id="menu_old">
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="action-save-menu"><input type="button" id="btn_save_menu" style="height: 30px;" title="Save" value="&nbsp;Save menu&nbsp;"/></div>
                            <input type="hidden" id="data_menu_json" name="data_menu_json" />
                        </form>
                    </div>
                    <!--  end content-table-inner  -->
                </td>
                <td id="tbl-border-right"></td>
            </tr>
            <tr>
                <th class="sized bottomleft"></th>
                <td id="tbl-border-bottom">&nbsp;</td>
                <th class="sized bottomright"></th>
            </tr>
        </table>
        <div class="clear">&nbsp;</div>
    </div>
    <!--  end content -->
    <div class="clear">&nbsp;</div>
</div>
<!--  end content-outer -->